1357099 ランダム
 ホーム | 日記 | プロフィール 【フォローする】 【ログイン】

日記に表を入れる時の注意

ブログ攻略への道

日記でテーブルを作るときの注意点

私も日記にテーブル(表)を作ってみて分かった事ですが
普通にTABLEタグで書くと、日記の上の部分が空白になってしまいます。

日記では強制的にタグが自動改行になる為、タグの改行<BR>を記述していない所を
エンターなどで改行した所は空白と見なされてしまいます。

私はビルダーなどでテーブルを作っているのですが、勝手にタグが改行されていて
思いっきり空白が出来てしまいました。

もし、ビルダーなどのHP作成ソフトを使用している方はお気をつけ下さい。
私の対処法は、まずビルダーで普通に表を作ります。
その後で、「テラパット」をいうフリーソフトで改行を無くしました。

■テラパッドで改行削除の仕方

1、テラパッドを開き、改行を消したいタグのソースをコピーする。
2、【編集】→【すべて選択】をします。
3、【編集】→【変換】→【改行削除】をすれば改行が無くなります。

テラパットはテキストエディッタで、主にHPにカウンタやBBSなどのCGIスクリプトを
設置する際、設定を変える時に使用していたので持っていました。
(HP=ブログではなく、他に私が運営しているHPです。)
これから私が作りたかった表(TABLE)を載せます。

もし、下のスコアボードの表が欲しい方がいましたらタグをコピーしてお使い下さい。

改行削除しているので、そのままお使いになれます。


野球などのスコアボードの表です。

チーム1
チーム2

タグ
<TABLE cellspacing="1" cellpadding="5" bgcolor="#007d00" style="text-align : center;"><TBODY><TR><TD width=100 bgColor=black></TD><TD bgColor=black><B><FONT color=white>1</FONT></B></TD><TD bgColor=black><B><FONT color=white>2</FONT></B></TD><TD bgColor=black><B><FONT color=white>3</FONT></B></TD><TD bgColor=black><B><FONT color=white>4</FONT></B></TD><TD bgColor=black><B><FONT color=white>5</FONT></B></TD><TD bgColor=black><B><FONT color=white>6</FONT></B></TD><TD bgColor=black><B><FONT color=white>7</FONT></B></TD><TD bgColor=black><B><FONT color=white>8</FONT></B></TD><TD bgColor=black><B><FONT color=white>9</FONT></B></TD><TD align=middle width=34 bgColor=black><B><FONT color=white>計</FONT></B></TD></TR><TR><TD align=middle bgColor=black><FONT color=white>チーム1</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD align=middle bgColor=black><B><FONT color=white>0</FONT></B></TD></TR><TR><TD align=middle width=100 bgColor=black><FONT color=white>チーム2</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD bgColor=black><FONT color=white>0</FONT></TD><TD align=middle bgColor=black><B><FONT color=white>0</FONT></B></TD></TR></TBODY></TABLE>

上へ戻る】【ブログ攻略メニューに戻る
ホームに戻る


© Rakuten Group, Inc.